<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SipDev | Sip Development</title>
<meta name="title" content="SipDev" />
<meta name="description" content="SipDev" />
<meta name="keyword" content="SipDev" />
<meta name="copyright" content="SipDev" />
<meta name="author" content="Sip Development // Creative Web Agency" />
<meta name="developer" content="Sip Web Development" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
<div id="sip">
  <div id="container"> 
    
    <!-- Begin Header -->
    <div id="header" >
    	<div class="logo left">
        	<img src="images/logo.png" />
        </div>
        <div class="menu left">
        	<ul>
            	<li class="current"><a href="#"><span>HOME</span></a></li>
                <li><a href="service.php"><span>SERVICE</span></a></li>
                <li><a href="#"><span>PROFILE</span></a></li>
                <li><a href="#"><span>CONTACT US</span></a></li>
            </ul>
        </div>
        
    </div>
    <!-- End Header -->
    
    <!-- Begin Content -->
    <div id="content">
    
    	<div class="box1">
        	<div class="col1 left">
            	<h1>Profile</h1>
                <hr class="line-green" />
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, iaculisvitae ligula. Morbi id quam felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium semper, quam neque tristique metus, sed condimentum lectus lectus 
sed massa.</p>
				<hr class="line-green" />
            	<a href="#" class="read"><img src="images/button_more.png" /><span>READ MORE</span></a>
            </div>
            
            <div class="col2 right">
            	<img src="images/home_profile.png" />
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="box2">
        	<div class="col3 left">
            	<img src="images/home_service.png" />
            </div>
            
            <div class="col4 right">
                <h1>Service</h1>
                <hr class="line-green" />
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, iaculisvitae ligula. Morbi id quam felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium semper, quam neque tristique metus, sed condimentum lectus lectus 
sed massa.</p>
				<hr class="line-green" />
            	<a href="#" class="read"><img src="images/button_more.png" /><span>READ MORE</span></a>
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="box2">
        	<div class="col1 left">
                <h1>Portofolio</h1>
                <hr class="line-green" />
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, iaculisvitae ligula. Morbi id quam felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium semper, quam neque tristique metus, sed condimentum lectus lectus 
sed massa.</p>
				<hr class="line-green" />
            	<a href="#" class="read"><img src="images/button_more.png" /><span>READ MORE</span></a>
            	
            </div>
            
            <div class="col2 right">
                <img src="images/portofolio.png" />
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="box1">
        	<div class="col5 left">
            	<h1>SIP</h1>
                <hr class="line-green" />
                <p>Development</p><br />
                <p>Contact Us</p>
            </div>
            
            <div class="col6 right">
            	<h1>Call:</h1>
                <p>+62800-12345678</p>
                <h1>Email:</h1>
                <p><u>sipdevelopment@gmail.com</u></p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    
    <!-- End Content -->
    
    <!-- Begin Footer -->
    <div id="footer">
    	<span><center>Copyright <img src="images/copyright.fw.png" /> 2014  |  SIPdevelopment</center></span>
    </div>
    <!-- End Footer -->
  </div>
</div>
</body>
</html>